<template>
  <svg
    t="1733394706638"
    class="yindu-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="1140"
    width="16"
    height="16"
  >
    <path
      d="M567.552 394.24h-409.6V322.56h409.6c183.0912 0 343.04 124.8256 343.04 291.84s-159.9488 291.84-343.04 291.84h-307.2v-71.68h307.2c156.2624 0 271.36-104.448 271.36-220.16s-115.0976-220.16-271.36-220.16z"
      fill="#747690"
      p-id="1141"
    ></path>
    <path
      d="M333.056 128.256l50.688 50.688L204.288 358.4l179.456 179.456-50.688 50.688L102.912 358.4l230.144-230.144z"
      fill="#747690"
      p-id="1142"
    ></path>
  </svg>
</template>

<script setup lang="ts">
type Props = {
  fill?: string;
};

const props = withDefaults(defineProps<Props>(), {
  fill: "#3D88F2",
});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
  & path,
  & polygon {
    fill: v-bind(fillColor);
  }
}
</style>
